<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Search a restaurant</title>
<link href="/VancouverTongue/static/style.css" type="text/css"
	rel="stylesheet" />
<link rel="shortcut icon" href="/VancouverTongue/static/icon.png" />
<style type="text/css">

div.pickRest {
	background-color: #F5F5F5;
	box-shadow: 10px 10px 5px #888;
	float: right;
	top: 200px;
	left: 900px;
	width: 200px;
	height: 450px;
	text-align: center;
}

form.search {
	background-color: #F5F5F5;
	padding-left: 3mm;
	box-shadow: 10px 10px 5px #888;
	float: left;
	top: 200px;
	left: 900px;
	width: 200px;
	height: 200px;
	text-align: left;
}

table.info {
	background-color: #F5F5F5;
	box-shadow: 5px 5px 3px #888;
	margin-top: 5mm;
	font: Times New Roman, Times, serif padding-bottom:5mm width:300px;
	height: 100px;
	width:1500;
	margin-left: 60mm;
	text-align: left;
}

th.image {
	background-color: #D3D3D3;
	padding-left: 3mm;
}

th.text {
	float: left;
	padding-left: 3mm;
	padding-right: 3mm;
}
</style>

</head>
<body>
	<jsp:include page="headTemplate.jsp" />
	<jsp:include page="RandomTemplate.jsp" />
	<jsp:include page="searchTemplate.jsp" />
	
	<c:forEach var="rest" items="${resultList}">
		<table class="info">
			<tr>
				<th class="text"><a
					href="/VancouverTongue/restaurant/${rest.restaurantId}">${rest.restaurantName}</a>
					<p>Phone:${rest.phone}</p>
					<p>City:${rest.city}</p>
					<p>Rating:${rest.rating}</p></th>

					<th class="image"><img src="${rest.image}"
					alt="Restaurant Image" width="300" height="250" /></th>
			</tr>
		</table>
	</c:forEach>


</body>
</html>